﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <h2>HomeView</h2>
    <div ng-controller="CollegeController">
        <div>
            <table class="table table-bordered table-striped">
                <tr>
                    <th>Name</th>
                    <th>City</th>
                    <th>State</th>
                    <th></th>

                </tr>
                <tr ng-repeat="college in colleges">
                    <td>{{college.Name}}</td>
                    <td>{{college.City}}</td>
                    <td>{{college.State}}</td>
                    <td><a href="#/detail/{{college.CollegeId}}" role="button" class="btn btn-primary">Details</a></td>
                </tr>
            </table>
            <label for="name">College Name</label>
            <input type="text" ng-model="college.Name" id="name" /><br />
            <label for="city">City</label>
            <input type="text" ng-model="college.City" /><br />
            <label for="state">State</label>
            <input type="text" ng-model="college.State" id="state" /><br />
            <button ng-click="addCollege(college);">Add College</button>
        </div>
        
        
    </div>



</body>
</html>
